<div class="vote-wrap"> 
<div class="vote-title">$QUESTION$</div>
<!-- Voting question end -->

<div class="vote-list">
$ANSWERS$

<div class="vote-buts clearfix">
<button class="vvote" type="submit" name="sbm; return false;" ></button>
<button class="vall" type="submit" href="$ARCHIVE_LINK$"><i class="fa fa-bar-chart"></i></button>
<button class="vres" type="button" href="$RESULTS_LINK$"><i class="fa fa-pie-chart"></i></button>
</div>

</div>
</div>
<input class="pollBut" type="submit" value="" style="display: none;">

<script type="text/javascript">
var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+[i]).css({marginTop: '-3px', marginBottom: '-3px',backgroundRepeat: 'repeat-x'});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>

<style>
.progress { padding-top: 0px !important; overflow: hidden; height: 15px !important; margin-bottom: 5px !important; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.answer {margin-bottom:10px;}
.answer:after {content: ""; display: table; clear: both;}
.progress0, .progress5 { margin-top: 0px !important; margin-bottom: 0px !important; color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background: #0e90d2 !important; background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important; background-image: -ms-linear-gradient(top, #149bdf, #0480be) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important; background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important; background-image: -o-linear-gradient(top, #149bdf, #0480be) !important; background-image: linear-gradient(top, #149bdf, #0480be) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0) !important; border-radius: 0px; }
.progress1, .progress6 { margin-top: 0px !important; margin-bottom: 0px !important; color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #dd514c !important; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35) !important; background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)) !important; background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35) !important; background-image: -o-linear-gradient(top, #ee5f5b, #c43c35) !important; background-image: linear-gradient(top, #ee5f5b, #c43c35) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0) !important; border-radius: 0px; }
.progress2, .progress7 { margin-top: 0px !important; margin-bottom: 0px !important; color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #5eb95e !important; background-image: -moz-linear-gradient(top, #62c462, #57a957) !important; background-image: -ms-linear-gradient(top, #62c462, #57a957) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)) !important; background-image: -webkit-linear-gradient(top, #62c462, #57a957) !important; background-image: -o-linear-gradient(top, #62c462, #57a957) !important; background-image: linear-gradient(top, #62c462, #57a957) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0) !important; border-radius: 0px; }
.progress3, .progress8 { margin-top: 0px !important; margin-bottom: 0px !important; color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #4bb1cf !important; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9) !important; background-image: -ms-linear-gradient(top, #5bc0de, #339bb9) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)) !important; background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9) !important; background-image: -o-linear-gradient(top, #5bc0de, #339bb9) !important; background-image: linear-gradient(top, #5bc0de, #339bb9) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0)!important; border-radius: 0px; }
.progress4, .progress9 {margin-top: 0px !important; margin-bottom: 0px !important; color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #faa732 !important; background-image: -moz-linear-gradient(top, #fbb450, #f89406) !important; background-image: -ms-linear-gradient(top, #fbb450, #f89406) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)) !important; background-image: -webkit-linear-gradient(top, #fbb450, #f89406) !important; background-image: -o-linear-gradient(top, #fbb450, #f89406) !important; background-image: linear-gradient(top, #fbb450, #f89406) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0) !important; border-radius: 0px; }
.pollBut {display: none !important;}
.answer input {margin:2px 8px 0 0; float:left; display:none;}
.answer label:before { content: ""; float: left; margin: -1px 8px 0 0; cursor: pointer; width: 14px; height: 14px; border-radius: 8px; border: 0px solid #e3e3e3; border-color: #94bee6; box-shadow: inset 0 0 0 2px #455769; background-color: #455769;}
.answer input:checked + label:before {border-color:#94bee6; box-shadow:inset 0 0 0 2px #455769; background-color:#fccd3d;}
.answer label:hover { cursor:pointer; color:#c9282d;}
</style>